<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
<meta name="gwt:property" content="locale=<%=request.getLocale()%>">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="Hibari.css">
<title>HIBARI</title>
<script type="text/javascript" src="audio-player/audio-player.js"></script>
<script type="text/javascript">
	AudioPlayer.setup("/audio-player/player.swf", {
		animation : 'no',
		width : '100%',
		initialvolume : 100,
		transparentpagebg : "yes",
		left : "000000",
		lefticon : "FFFFFF"
	});
</script>
<script type="text/javascript" language="javascript"
	src="hibari/hibari.nocache.js"></script>
</head>

<body>
	<noscript>
		<div
			style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
			Your web browser must have JavaScript enabled in order for this
			application to display correctly.</div>
	</noscript>
	<div align="center">

		<div id="book-div">

			<div id="content">
				<div id="left-page" class="page">
					<div id="logo-panel">
						<img id="logo-icon" src="images/hibari-circle-logo.png" />
					</div>
				</div>
				<div id="right-page" class="page right-page-loading"></div>
			</div>
			<div class="tab-container">
				<div id="home-tab" class="tab active-tab">
					<img src="images/home-tab.png" />
				</div>
				<div id="about-tab" class="tab">
					<img src="images/about-tab.png" />
				</div>
				<div id="contact-tab" class="tab">
					<img src="images/contact-tab.png" />
				</div>
			</div>

		</div>
		<p id="construct">UNDER CONSTRUCTION</p>
	</div>

</body>
</html>
